/*----------------------*/
/*   flex-slider css    */
/*----------------------*/

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus { outline: none;}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {text-transform: capitalize;}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content:"/";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height:0;
}
html[xmlns] .flexslider .slides {display: block;}
* html .flexslider .slides { height: 1%;}
.no-js .flexslider .slides > li:first-child { display: block;}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  position: relative;
}
.flexslider .slides {}
.flexslider .slides img {height: auto;}
.flex-viewport {max-height:635px; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.loading .flex-viewport {max-height:635px;}
.loading .flexslider {max-height:635px;background:url(../images/ajax-loader.gif) no-repeat center center;}

.carousel li { margin-right:5px;}
.flex-direction-nav {
	width:100%;
    position:absolute;
    right:0;
    top:35%;
	left:0;
    margin:0 auto;
}
#slider .flex-direction-nav {
    top:46%;
}
#single_room_slider .flex-direction-nav {
    top:44%;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width:32px;
  height:50px;
  margin:0;
  position: absolute;
  top:0%;
  z-index: 10;
  overflow: hidden;
  opacity:1;
  cursor: pointer;
  background:url(../images/slider_arrow.png) no-repeat;
}
#slider .flex-direction-nav a {
	width:32px;
	height:50px;
	background:url(../images/slider_arrow.png) no-repeat;
}
#single_room_slider .flex-direction-nav a {
	width:32px;
	height:57px;
	background:url(../images/bgr_single_room_slider.png) no-repeat;
}
/*.flex-direction-nav a:hover {background:#36d9e0 url(http://staging.holmhousehotel.com/wp-content/themes/Holm%20House/css/images/slider_arrow.png) no-repeat;}*/
.flex-direction-nav .flex-prev {
  left:4%;
  background-position:0px 0;
}
.flex-direction-nav .flex-next {
  right:4%;
  background-position:-32px 0;
}
#slider .flex-direction-nav .flex-prev {
  left:4%;
  background-position:0px 0;
}
#slider .flex-direction-nav .flex-next {
  right:4%;
  background-position:-32px 0;
}
#single_room_slider .flex-direction-nav .flex-prev {
  left:2.7%;
  background-position:0px 0;
}
#single_room_slider .flex-direction-nav .flex-next {
  right:2.7%;
  background-position:-32px 0;
}
/*.flexslider:hover .flex-direction-nav .flex-next:hover {background-position:-78px 0;}*/
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 0px;
  right:0;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
  color:#000;
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a .flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width:auto;
  position: absolute;
  bottom:0px;
  left:0;
  right:0;
  text-align:center;
  z-index:100;
}
.flex-control-nav li {
  margin: 0 7px 0 0;
  display: inline-block;

}